<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="closeModal()">
        <ion-icon class="toolbar-white" ios="ios-close"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>银行卡转账</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-item lines="full">
      <ion-label>{{cardData.bank.bank_name}}</ion-label>
    </ion-item>
    <ion-card-content>
      <ion-item lines="none">
        <p>姓名:{{cardData.bank.bank_user}}</p>
      </ion-item>
      <ion-item lines="none">
        <p>卡号:{{cardData.bank.bank_account}}</p>
      </ion-item>
    </ion-card-content>
  </ion-card>
  <ion-card>
    <ion-item lines="full">
      <ion-label>个人支付信息</ion-label>
    </ion-item>
    <ion-card-content>
      <ion-item>
        <ion-label position="stacked">存款金额</ion-label>
        <ion-input value="{{cash}}"  disabled></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">用户姓名</ion-label>
        <ion-input [(ngModel)]="username" type="text"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">银行名称</ion-label>
        <ion-input [(ngModel)]="cardName" type="text"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">银行卡号</ion-label>
        <ion-input [(ngModel)]="cardNo" type="number"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="stacked">存款时间</ion-label>
        <ion-datetime pickerFormat="YYYY-M-D" display-format="YYYY-MM-DD"  cancelText="取消"
            doneText="确认" [(ngModel)]="payTime"></ion-datetime>
      </ion-item>
      <ion-button color="primary01" expand="block" (click)="onSubmit()">提交订单</ion-button>
    </ion-card-content>
  </ion-card>
</ion-content>